import React from 'react'
import {Link} from 'react-router-dom'
import {Switch, Route} from 'react-router'


import BaseIndex from './base/index'
import PagexAxis from './base/PagexAxis'
import Shadow_label from './base/Shadow_label'
import 渐变 from './base/渐变'
export default class Layout extends React.Component {
    render() {
        return <div>
            <h1>echarts-for-react demo</h1>
            <small>github:https://github.com/hustcc/echarts-for-react</small>
            <br/>
            <div>
                <h3>
                    <Link to="/layout/base_user"> 基本</Link><br/>
                    <Link to="/layout/PagexAxis"> xAxis</Link><br/>
                    <Link to="/layout/Shadow_label"> Shadow label</Link><br/>
                    <Link to="/layout/渐变"> 渐变</Link>
                </h3>
            </div>
            <h1>demo</h1>
            <div>
                <Switch>
                    <Route path="/layout/base_user"
                           component={BaseIndex}
                    />
                    <Route path="/layout/PagexAxis"
                           component={PagexAxis}
                    />
                    <Route path="/layout/Shadow_label"
                           component={Shadow_label}
                    />
                    <Route path="/layout/渐变"
                           component={渐变}
                    />
                </Switch>
            </div>

        </div>
    }
}